<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>图书后台管理</title>
	<link rel="stylesheet" href="static/css/home.css">
	<script type="text/javascript" src="static/easyui/jquery.min.js" charset="utf-8"></script>
	<link id="easyuiTheme" rel="stylesheet" href="static/easyui/themes/ui-cupertino/easyui.css">
	<link rel="stylesheet" href="static/easyui/themes/icon.css">
	<link rel="stylesheet" href="static/font/css/font-awesome.min.css"><!-- 图标库 -->
	<link rel="stylesheet" href="static/css/xcConfirm.css"><!-- 自定义弹框 -->
	<script type="text/javascript" src="static/easyui/jquery.easyui.min.js" charset="utf-8"></script>
	<script type="text/javascript" src="static/easyui/locale/easyui-lang-zh_CN.js" charset="utf-8"></script>
	<script type="text/javascript" src="static/js/easyui_layouy_yzy.js" charset="utf-8"></script>
	<script type="text/javascript" src="static/js/xcConfirm2.js" charset="utf-8"></script>
	<style type="text/css">
		#pwdedit:hover{
			cursor:pointer;
		}
	</style>
</head>

<body class="easyui-layout">   
    <!-- Logo -->
	    <div data-options="region:'north',split:false" style="height:50px;background:#daf2fd;">
	    	<font class="fa fa-leanpub fa-3x yzy_font">&nbsp;<font class="yay_font_one">图书管理系统</font></font>
	    	<font class="yzy_font_two">
	    		<i  style="margin-left: 130px;">&emsp;&nbsp;&nbsp;</i>&nbsp;<b sec:authentication="principal.name">登陆成功</b>，欢迎你！<br>
	    		<i class="icon-20130406015709810_easyicon_net_16 ">&emsp;&nbsp;&nbsp;</i><a href="javascript:self.location.reload();" style="color: #000000;text-decoration:none">刷新页面</a>
	    		<i class="icon-lock_edit">&emsp;&nbsp;&nbsp;</i><a id="pwdedit" style="color: #000000;text-decoration:none" target="_blank" >修改密码</a>
	    		<i class="icon-help">&emsp;&nbsp;&nbsp;</i><a href="http://www.baidu.com" style="color: #000000;text-decoration:none" target="_blank">帮助中心</a>
	    		<i class="icon-door_out ">&emsp;&nbsp;&nbsp;</i><a href="out" style="color: #000000;text-decoration:none">安全退出</a>
	    		
	    	</font>
	    </div>   
	  	<!-- 导航栏 -->
	    <div data-options="region:'west',title:'导航菜单',split:false" style="width:13%;" >
	    	<!-- 图书管理员 -->
	    	<div  class="easyui-accordion" style="width:300px;height:200px;" fit="true" sec:authorize="hasRole('ROLE_BOOK')">   
			    <div title="书籍" data-options="iconCls:'icon-book_tabs',selected:true" style="overflow:auto;">  
			    	<ul class="a_yzy">
			    		<li value="admin/br/index"><i class="fa fa-outdent"></i>&nbsp;借书审核</li>
			    		<li value="admin/br/login"><i class="fa fa-indent"></i>&nbsp;还书确认</li>
			    		<li value="admin/book/bom"><span class="fa fa-book"></span>&nbsp;图书管理</li>
			    	</ul>
 			    </div>   
 			    <div title="个人" data-options="iconCls:'icon-qwe3334343 '" > 
			    	<ul class="a_yzy">
			    		<li value="admin/personal/ReturnBooks"><span class="fa fa-vcard"></span>&nbsp;归还书本</li>
			    		<li value="admin/personal/record"><span class="fa fa-user-o"></span>&nbsp;个人借书记录</li>
			    	</ul>
			    </div>  
			    <div title="用户" data-options="iconCls:'icon-user'" > 
			    	  <ul class="a_yzy">
			    		<li value="admin/user/index"><span class="fa fa-users"></span>&nbsp;查看用户</li>
			    	</ul>
			    </div>   
			    <div title="记录查询" data-options="iconCls:'icon-chart_bar '">   
			    	<ul class="a_yzy">
			    		<li value="admin/record/record"><i class="fa fa-bar-chart"></i>&nbsp;借还书记录</li>
			    	</ul>
			    </div>
			</div> 
			
			<!-- 系统管理员 --> 
			<div  class="easyui-accordion" style="width:300px;height:200px;" fit="true" sec:authorize="hasRole('ROLE_ADMIN')">   
			    <div title="书籍" data-options="iconCls:'icon-book_tabs',selected:true" style="overflow:auto;">  
			    	<ul class="a_yzy">
			    		<li value="admin/br/index"><i class="fa fa-outdent"></i>&nbsp;借书审核</li>
			    		<li value="admin/br/login"><i class="fa fa-indent"></i>&nbsp;还书确认</li>
			    		<li value="admin/book/bom"><span class="fa fa-book"></span>&nbsp;图书管理</li>
			    		
			    	</ul>
 			    </div>   
			    <div title="用户" data-options="iconCls:'icon-user'" > 
			    	 <ul class="a_yzy">
			    		<li value="administrator/department/dapa"><span class="fa fa-pencil-square"></span>&nbsp;部门管理</li>
			    		<li value="administrator/user/index"><span class="fa fa-users"></span>&nbsp;用户管理</li>
			    		
			    	</ul>
			    </div>   
			    <div title="记录查询" data-options="iconCls:'icon-chart_bar '">  
			    	 <ul class="a_yzy">
			    		<li value="admin/record/record"><i class="fa fa-bar-chart"></i>&nbsp;借还书记录</li>
			    	</ul>
			    </div>
			</div> 
			
			<!-- 用户 -->
	    	<div  class="easyui-accordion" style="width:300px;height:200px;" fit="true" sec:authorize="hasRole('ROLE_USER')">     
 			    <div title="个人" data-options="iconCls:'icon-qwe3334343'" > 
			    	<ul class="a_yzy">
			    		<li value="admin/personal/ReturnBooks"><span class="fa fa-vcard"></span>&nbsp;归还书本</li>
			    		<li value="admin/personal/record"><span class="fa fa-user-o"></span>&nbsp;个人借书记录</li>
			    	</ul>
			    </div>
			</div> 
	    </div>   
	    
	    <!-- 显示内容 -->
	    <div data-options="region:'center'"   style="background:#eee;margin: 0px;">
	    	<div id="tt" class="easyui-tabs" fit="true" 	>
	    		<div title="首页" data-options="href:'index',closable:false,iconCls:'icon-tip',cls:'pd3'" sec:authorize="!hasRole('ROLE_ADMIN')"></div>
	    		<div title="首页" data-options="href:'head',closable:false,iconCls:'icon-tip',cls:'pd3'" sec:authorize="hasRole('ROLE_ADMIN')"></div>
	    	</div>
	    </div>   
	    
	    <!-- 版权 底部 -->
	    <div id="copyright" data-options="region:'south',border:true,split:false">
	    	<div style="width:100%; height:27px;" class="copyright">
    			Copyright&emsp;©2018-2018&emsp;All Rights Reserved&emsp;17软件实验班
	    	</div>
	    </div>   
	    <div id="password"></div>
</body> 
<script type="text/javascript">
	$(function(){
		
		$("#pwdedit").click(function(){
			$('#password').load('pwdedit');
			$('#password').dialog({
				autoOpen: true,
				width: 300,
				modal: true,
				draggable: true,
				resizable:false,
				title:"修改密码",
				top:100,
				});
		});
	});
	
</script>
</html>